<script lang="ts">
  export let width: number = 28,
    height: number = 28,
    classProp: string = "",
    color: string = "#45494D";
</script>

<svg
  {width}
  {height}
  viewBox="0 0 28 28"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class={classProp}
>
  <g clip-path="url(#clip0_583_995)">
    <path
      d="M14 6C13.4469 6 13 6.44687 13 7V7.55938C10.7344 7.91875 9.00003 9.88125 9.00003 12.25V13.2937C9.00003 14.7125 8.51566 16.0906 7.63128 17.1969L7.16566 17.7812C6.98441 18.0063 6.95003 18.3156 7.07503 18.575C7.20003 18.8344 7.46253 19 7.75003 19H20.25C20.5375 19 20.8 18.8344 20.925 18.575C21.05 18.3156 21.0157 18.0063 20.8344 17.7812L20.3688 17.2C19.4844 16.0906 19 14.7125 19 13.2937V12.25C19 9.88125 17.2657 7.91875 15 7.55938V7C15 6.44687 14.5532 6 14 6ZM14 9H14.25C16.0438 9 17.5 10.4563 17.5 12.25V13.2937C17.5 14.7906 17.9344 16.25 18.7407 17.5H9.25941C10.0657 16.25 10.5 14.7906 10.5 13.2937V12.25C10.5 10.4563 11.9563 9 13.75 9H14ZM16 20H14H12C12 20.5312 12.2094 21.0406 12.5844 21.4156C12.9594 21.7906 13.4688 22 14 22C14.5313 22 15.0407 21.7906 15.4157 21.4156C15.7907 21.0406 16 20.5312 16 20Z"
      fill={color}
    />
  </g>
  <defs>
    <clipPath id="clip0_583_995">
      <rect width="14" height="16" fill="white" transform="translate(7 6)" />
    </clipPath>
  </defs>
</svg>
